<template>
    <div id="app">
        <img src="./assets/logo.png">
            <div class="weui-tab">
                <div class="weui-tabbar">
                    <a href="javascript:;" class="weui-tabbar__item">
                        <span style="display: inline-block;position: relative;">
                            <img src="../static/imgs/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                            <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
                        </span>
                        <p class="weui-tabbar__label">产品</p>
                    </a>
                    <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
                        <img src="../static/imgs/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">服务</p>
                    </a>
                    <a href="javascript:;" class="weui-tabbar__item">
                        <span style="display: inline-block;position: relative;">
                            <img src="../static/imgs/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                            <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>
                        </span>
                        <p class="weui-tabbar__label">新闻</p>
                    </a>
                    <a href="javascript:;" class="weui-tabbar__item">
                        <img src="../static/imgs/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">我</p>
                    </a>
                </div>
            </div>
    

    </div>
</template>

<style>
html,body,#app{
  /* height: 300px; */
  height: 100%;
}
</style>


<script>
export default {
  name: "App"
};
</script>
